<template>
    <div class="category">
        <el-row :gutter="20">
            <el-col :span="8">
                <category_add :page="page" :bus="bus"></category_add>
            </el-col>
            <el-col :span="16">
                <category_search :page="page" :bus="bus"></category_search>
                <category_list :page="page" :bus="bus"></category_list>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import category_add from '@/components/category_add'
    import category_list from '@/components/category_list'
    import category_search from '@/components/category_search'

    import Vue from 'vue'
    var cbus = new Vue()
    export default{
        name: 'category',
        data () {
            return {
                bus:cbus,
                msg: 'category',
                page:'cates',
            }
        },
        components:{
            'category_add':category_add,
            'category_list':category_list,
            'category_search':category_search,
        }
    }
</script>

<style>
    .category{
        padding: 15px;
    }
</style>